<template>
	<!-- 富文本详情模板 -->
	<view class="container detai-box">
		<view class="title white-text">
			<text>{{obj.title}}</text>
		</view>
		<view class="time">
			<text>{{obj.create_time}}</text>
		</view>
		<view class="content" v-html="obj.content"></view>
	</view>
</template>

<script>
	export default {
		props: {
			obj: {
				type: Object,
				default: () => ({
					title: '',
					create_time: '',
					content: ''
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.detai-box {
		margin-top: 60rpx;
		.title {
			font-size: 36rpx;
			font-weight: bold;
			margin-bottom: 36rpx;
		}
		
		.time {
			color: rgba(255, 255, 255, .4);
			font-size: 26rpx;
			margin-bottom: 60rpx;
		}
		
		.content {
			color: #fff;
		}
	}
</style>
